<html>
	<head>
		<meta name="viewport" content="user-scalable=no, initial-scale=1, maximum-scale=1,minimum-scale=1, width=device-width" />
		<title>每日pv</title>
		<include file="./Application/Home/View/Default/header/header.html"/>
		<style>
		.swiper-container {
        	width: 100%;
        	height: 20rem;
	    }
	    .swiper-slide {
	        text-align: center;
	        height: 20rem;
	        font-size: 18px;
	        background: #66ccff;
	        display: -webkit-box;
	        display: -ms-flexbox;
	        display: -webkit-flex;
	        display: flex;
	        -webkit-box-pack: center;
	        -ms-flex-pack: center;
	        -webkit-justify-content: center;
	        justify-content: center;
	        -webkit-box-align: center;
	        -ms-flex-align: center;
	        -webkit-align-items: center;
	        align-items: center;
	    }
	    .swiper-pagination-bullet{
	    	border-radius: 0px;
	    	transform:rotate(45deg);
	    }
	    .swiper-slide img{
	    	width: 100%;
	    	height: 20rem;
	    }
		</style>
	</head>
	<body>
		
	<div class="col-xs-12 text-center index_top none-both-padding">
		<div class="col-xs-4 search"><i class="iconfont">&#xe600;</i></div>
		<div class="col-xs-4">每日pv</div>
		<div class="col-xs-4"></div>
	</div>
	
	<div class="swiper-container">
        <div class="swiper-wrapper">
			<foreach name="banner" item="vo" >
            	<div class="swiper-slide"><img src="{$vo.image}"></div>
			</foreach>
        </div>
        <!-- Add Pagination -->
        <div class="swiper-pagination"></div>
	</div>
	
	<script type="text/javascript" src="__PUBLIC__/Js/swiper.js"></script>
	<script>
    var swiper = new Swiper('.swiper-container', {
        pagination: '.swiper-pagination',
        paginationClickable: true
    });
    </script>

	<div class="col-xs-12 text-center index_video_list none-both-padding">
		<ul>
			<foreach name="hot_goods" item="vo" >
				<li><a href="/home/index/goods?id={$vo.id}"><div class="video_images"><img src="{$vo.e_image}" class="img-responsive"></div><span class="col-xs-12 onelist-hidden">{$vo.e_varchar}</span></a></li>
			</foreach>
			<li><a href="/home/index/video"><div class="video_images"><img src="/Uploads/Example/2018-03-17/5aacdad750f0b.png" class="img-responsive"></div><span class="col-xs-12 onelist-hidden">点播测试</span></a></li>
		</ul>
	</div>
		
	<div class="col-xs-12 none-both-padding search_index ">
		<div class="col-xs-10 search_content">
			<div class="col-xs-12 text-right search_off"><i class="iconfont">&#xe649;</i></div>
			<div class="col-xs-12 text-center"><img src="__PUBLIC__/Image/search_img.png" class="search_images"></div>
			<div class="col-xs-12 none-both-padding text-center"><input type="text" value="" placeholder="在这里输入关键字哦 (=ﾟωﾟ)ﾉ" class="search_input col-xs-9"><i class="iconfont search_button col-xs-2">&#xe600;</i></div>
			<div class="col-xs-12 none-both-padding keyword">
				<span class="col-xs-12 none-both-padding">热搜关键词</span>
				<span class="keyword_list">一图流asd</span>
				<span class="keyword_list">一图流asdasd</span>
				<span class="keyword_list">一图流</span>
				<span class="keyword_list">一图流</span>
				<span class="keyword_list">一图流</span>
			</div>
		</div>
		<div class="col-xs-2 search_overlay"></div>
	</div>
	
	<include file="./Application/Home/View/Default/header/footer.html"/>

	<script type="text/javascript">
		$(".search_input").keyup(function(event) {
			var content = $('.search_input').val();
			if(content != ""){
				$(".search_images").attr({
					src: '__PUBLIC__/Image/search_img_2.png',
				});
			}else{
				$(".search_images").attr({
					src: '__PUBLIC__/Image/search_img.png',
				});
			}
		});
		$(".search").click(function() {
			$(".search_index").addClass('search_open');
		});
		$(".search_off i,.search_overlay").click(function() {
			$(".search_index").removeClass('search_open');
		});
	</script>
	<script>
		$(".search_button").click(function(){
			var keyword = $(".search_input").val();
			location.href = "/home/index/search?keyword=" + keyword;
		})
	</script>
	</body>
</html>